import React from 'react';
import { Segment, Tab } from 'semantic-ui-react';
import SystemSetting from '@/components/SystemSetting';
import 'semantic-ui-css/semantic.min.css';
// import { isRoot } from '@/helpers';
// import OtherSetting from '@/components/OtherSetting';
// import PersonalSetting from '@/components/PersonalSetting';
import OperationSetting from '@/components/OperationSetting';

const Setting = () => {
  let panes = [
    // {
    //   menuItem: '个人设置',
    //   render: () => (
    //     <Tab.Pane attached={false}>
    //       {/* <PersonalSetting /> */}
    //     </Tab.Pane>
    //   )
    // }
  ];

  // if (isRoot()) {
  panes.push({
    menuItem: '运营设置',
    render: () => (
      <Tab.Pane attached={false}>
        <OperationSetting />
      </Tab.Pane>
    )
  });
  panes.push({
    menuItem: '系统设置',
    render: () => (
      <Tab.Pane attached={false}>
        <SystemSetting />
      </Tab.Pane>
    )
  });
  // panes.push({
  //   menuItem: '其他设置',
  //   render: () => (
  //     <Tab.Pane attached={false}>
  //       <OtherSetting />
  //     </Tab.Pane>
  //   )
  // });
  // }

  return (
    <Segment>
      <Tab menu={{ secondary: true, pointing: true }} panes={panes} />
    </Segment>
  );
};

export default Setting;
